.submission-detail {
  .ant-card {
    .ant-card-head {
      border-bottom: 1px solid #f0f0f0;
      
      .ant-card-head-title {
        font-weight: 600;
        font-size: 16px;
      }
      
      .ant-card-extra {
        .ant-btn {
          margin-left: 8px;
          
          &:first-child {
            margin-left: 0;
          }
        }
      }
    }
    
    .ant-card-body {
      padding: 20px;
    }
  }
  
  .ant-descriptions {
    &.ant-descriptions-bordered {
      .ant-descriptions-item-label {
        background-color: #fafafa;
        font-weight: 600;
        width: 120px;
      }
      
      .ant-descriptions-item-content {
        background-color: #fff;
        
        .ant-tag {
          margin: 0;
          border-radius: 4px;
          font-size: 12px;
          font-weight: 500;
        }
      }
    }
  }
  
  .ant-divider {
    &.ant-divider-with-text-left {
      margin: 24px 0 16px 0;
      
      .ant-divider-inner-text {
        font-weight: 600;
        font-size: 14px;
        color: #262626;
      }
    }
  }
  
  .code-section {
    .ant-card {
      .ant-card-head {
        padding: 8px 16px;
        min-height: auto;
        
        .ant-card-extra {
          .ant-btn {
            padding: 4px 8px;
            height: auto;
            font-size: 12px;
            
            &:hover {
              color: #40a9ff;
            }
          }
        }
      }
      
      .ant-card-body {
        padding: 0;
        
        pre {
          margin: 0;
          font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
          font-size: 13px;
          line-height: 1.6;
          background-color: #f8f8f8;
          border: 1px solid #e8e8e8;
          border-radius: 6px;
          padding: 16px;
          overflow-x: auto;
          
          &::-webkit-scrollbar {
            width: 8px;
            height: 8px;
          }
          
          &::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 4px;
          }
          
          &::-webkit-scrollbar-thumb {
            background: #c1c1c1;
            border-radius: 4px;
            
            &:hover {
              background: #a8a8a8;
            }
          }
        }
      }
    }
  }
  
  .judge-message-section {
    .ant-card {
      background-color: #fafafa;
      border: 1px solid #e8e8e8;
      
      .ant-card-body {
        padding: 12px;
        
        pre {
          margin: 0;
          color: #666;
          font-size: 13px;
          line-height: 1.5;
          background: transparent;
          border: none;
          padding: 0;
        }
      }
    }
  }
  
  .test-case-table {
    .ant-table {
      .ant-table-thead > tr > th {
        background-color: #fafafa;
        font-weight: 600;
        border-bottom: 2px solid #f0f0f0;
        padding: 8px;
      }
      
      .ant-table-tbody > tr {
        &:hover {
          background-color: #f5f5f5;
        }
        
        > td {
          border-bottom: 1px solid #f0f0f0;
          padding: 8px;
          
          .ant-tag {
            margin: 0;
            border-radius: 4px;
            font-size: 11px;
            font-weight: 500;
          }
          
          .ant-btn-text {
            padding: 0;
            height: auto;
            
            &:hover {
              color: #40a9ff;
            }
          }
        }
      }
    }
  }
  
  .empty-state {
    text-align: center;
    padding: 40px;
    
    .ant-typography {
      color: #999;
      font-size: 14px;
    }
  }
}

// 模态框样式
.ant-modal {
  &.code-modal {
    .ant-modal-content {
      .ant-modal-body {
        padding: 16px;
        
        pre {
          font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
          font-size: 14px;
          line-height: 1.6;
          background-color: #f8f8f8;
          border: 1px solid #e8e8e8;
          border-radius: 6px;
          padding: 16px;
          margin: 0;
          
          &::-webkit-scrollbar {
            width: 8px;
            height: 8px;
          }
          
          &::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 4px;
          }
          
          &::-webkit-scrollbar-thumb {
            background: #c1c1c1;
            border-radius: 4px;
            
            &:hover {
              background: #a8a8a8;
            }
          }
        }
      }
    }
  }
}

// 响应式设计
@media (max-width: 768px) {
  .submission-detail {
    .ant-card-body {
      padding: 16px;
    }
    
    .ant-descriptions {
      &.ant-descriptions-bordered {
        .ant-descriptions-item-label {
          width: 100px;
          font-size: 12px;
        }
        
        .ant-descriptions-item-content {
          font-size: 12px;
        }
      }
    }
    
    .test-case-table {
      .ant-table {
        font-size: 12px;
        
        .ant-table-thead > tr > th,
        .ant-table-tbody > tr > td {
          padding: 6px 4px;
        }
      }
    }
    
    .code-section {
      pre {
        font-size: 12px;
        padding: 12px;
      }
    }
  }
}

@media (max-width: 576px) {
  .submission-detail {
    .ant-card-head-title {
      font-size: 14px;
    }
    
    .ant-card-body {
      padding: 12px;
    }
    
    .ant-descriptions {
      &.ant-descriptions-bordered {
        .ant-descriptions-item-label {
          width: 80px;
          font-size: 11px;
        }
        
        .ant-descriptions-item-content {
          font-size: 11px;
          
          .ant-tag {
            font-size: 10px;
            padding: 0 4px;
          }
        }
      }
    }
  }
}